<template>
    <el-row class="m-companyInfo">
        <el-tabs v-model="adtiveTab" @tab-click="handleClick">
            <el-tab-pane label="公司资料" name="startPage">
                <div class="tabContent">
                    <el-row class="layout-2">
                        <el-col></el-col>
                        <el-col :span="9" class="right" :offset="15">
                            <span class="time">最后发布时间：2017-05-22  12:00:00</span>
                            <el-button type="primary" @click="search">更新</el-button>
                        </el-col>
                    </el-row>
                    <el-row class="layout-3">
                        <el-form :model="companyInfo" labelWidth="150">
                            <el-row class="row">
                                <el-col :span="2" class="label">公司名称：</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="row">
                                <el-col :span="2" class="label">公司网址：</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="row">
                                <el-col :span="2" class="label">客服热线：</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="1" class="slash">/</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="row">
                                <el-col :span="2" class="label">QQ客服：</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="1" class="slash">/</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="row">
                                <el-col :span="2" class="label">客服邮箱：</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="row">
                                <el-col :span="2" class="label">官方微信：</el-col>
                                <el-col :span="5">
                                    <el-form-item>
                                        <el-input v-model="companyInfo"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="row">
                                <el-col :span="3" :offset="2">
                                    <div class="ewm">
                                        <img src="images/ewm.png" alt="">
                                    </div>
                                </el-col>
                                <el-col :span="6" class="uplaodImg">
                                    <el-upload
                                            class="upload-demo"
                                            action="https://jsonplaceholder.typicode.com/posts/"
                                            :on-preview="handlePreview"
                                            :on-remove="handleRemove"
                                            :file-list="fileList2"
                                            list-type="picture">
                                        <el-button size="small" type="primary">上传</el-button>
                                    </el-upload>
                                </el-col>
                            </el-row>
                        </el-form>
                    </el-row>
                </div>
            </el-tab-pane>
        </el-tabs>
    </el-row>
</template>
<script>
    import axios from "axios";
    import cgi from "conf/cgi";
    export default {
        data(){
            return {
                adtiveTab: "startPage",
                startPageData: {
                    list: null
                },
                companyInfo: {
                    data: {}
                }
            }
        }
    }
</script>
<style lang="scss" type="text/scss" scoped>
    @import "../../../../sprites/_variable";

    .m-companyInfo {
        margin-top: 15px;
        height: 93%;
        background-color: #fff;
        .layout-2 {
            padding: 15px;
            .right {
                text-align: right;
                .time {
                    margin-right: 20px;
                    font-size: 15px;
                }
            }
        }
        .layout-3 {
            background-color: #fff;
            border-top: solid 15px $background-colorA;
            padding: 15px 30px;
            .label {
                line-height: 36px;
                text-align: right;
                padding-right: 10px;
            }
            .slash {
                line-height: 36px;
                text-align: center;
            }
            .ewm {
                width: 100px;
                height: 100px;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            .uplaodImg {
                line-height: 100px;
            }
        }
    }
</style>